<html>
<head>		
<title>购物之家 </title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery.min.js"></script>	
	<link href="css/slider.css" rel="stylesheet" type="text/css" media="all" />
	<script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
	<script type="text/javascript" src="js/jquery.cslider.js"></script>
	<script type="text/javascript">
		$(function() {
			$('#da-slider').cslider();
		});
	</script>
		<link href="css/owl.carousel.css" rel="stylesheet">		
		 <script src="js/owl.carousel.js"></script>
		        <script>
		    $(document).ready(function() {
		
		      $("#owl-demo").owlCarousel({
		        items : 4,
		        lazyLoad : true,
		        autoPlay : true,
		        navigation : true,
			    navigationText : ["",""],
			    rewindNav : false,
			    scrollPerPage : false,
			    pagination : false,
    			paginationNumbers: false,
		      });
		
		    });
		    </script>		   
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		   <script type="text/javascript">
				jQuery(document).ready(function($) {
					$(".scroll").click(function(event){		
						event.preventDefault();
						$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
					});
				});
			</script>
</head>
<body>
<div class="header_bg">
<div class="wrap">
	<div class="header">
		<div class="logo">
			<a href="index.html"><img src="images/title.png"/> </a>
		</div>
		
		<div class="h_search">
    		<form>
    			<input type="text" value="">
    			<input type="submit" value="">
    		</form>
		</div>
		<div class="clear"></div>
	</div>
</div>
</div>
<div class="header_btm">
<div class="wrap">
	<div class="header_sub">
		<div class="h_menu">
			<ul>
				<li class="active"><a href="index.html">首页</a></li> |
				<li><a href="sale.html">热卖</a></li> |
				<li><a href="handbags.html">手袋</a></li> |
				<li><a href="accessories.html">配件</a></li> |
				<li><a href="wallets.html">钱包</a></li> |
				<li><a href="shoes.html">鞋子</a></li> |				
				<li><a href="service.html">服务</a></li> |
				<li><a href="contact.html">联系我们</a></li> |
				<li><a href="contact4.html">购物车</a></li> |
				<li><a href="contact5.html">后期销售</a></li>
			</ul>
		</div>
		<div class="top-nav">
	          <nav class="nav">	        	
	    	    <a href="#" id="w3-menu-trigger"> </a>
	                  <ul class="nav-list" style="">
	            		<li class="nav-item"><a class="active" href="index.html">首页</a></li>
							<li class="nav-item"><a class="active" href="wallets.html">钱包</a></li>
							<li class="nav-item"><a href="sale.html">热卖</a></li>
							<li class="nav-item"><a href="handbags.html">手袋</a></li>
							<li class="nav-item"><a href="accessories.html">配饰</a></li>
							<li class="nav-item"><a href="shoes.html">鞋子</a></li>
							<li class="nav-item"><a href="service.html">服务</a></li>
							<li class="nav-item"><a href="contact.html">联系我们</a></li>
							<li class="nav-item"><a href="contact4.html">购物车</a></li>
							<li class="nav-item"><a href="contact5.html">后期销售</a></li>
	                 </ul>
	           </nav>
	             <div class="search_box">
				<form>
				   <input type="text" value="Search" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Search';}"><input type="submit" value="">
			    </form>
			</div>
	          <div class="clear"> </div>
	          <script src="js/responsive.menu.js"></script>
         </div>		  
	<div class="clear"></div>
</div>
</div>
</div>
			<div id="da-slider" class="da-slider">
				<div class="da-slide">
					<h2>欢迎来到购物之家</h2>
					<p>这里有着全网最实惠的商品</p>
					<a href="details.html" class="da-link">现在购买</a>
					<div class="da-img"><img src="images/slider1.png" alt="image01" /></div>
				</div>
				<div class="da-slide">
					<h2>精品鞋子</h2>
					<p>正品大牌鞋子等你来抢购</p>
					<a href="details.html" class="da-link">现在购买</a>
					<div class="da-img"><img src="images/slider2.png" alt="image01" /></div>
				</div>
				<div class="da-slide">
					<h2>潮品卫衣</h2>
					<p>你想要的这里全都有</p>
					<a href="details.html" class="da-link">现在购买</a>
					<div class="da-img"><img src="images/slider3.png" alt="image01" /></div>
				</div>
				<div class="da-slide">
					<h2>精选衣服</h2>
					<p>欲购从速</p>
					<a href="details.html" class="da-link">现在购买</a>
					<div class="da-img"><img src="images/slider4.png" alt="image01" /></div>
				</div>
				<nav class="da-arrows">
					<span class="da-arrows-prev"></span>
					<span class="da-arrows-next"></span>
				</nav>
			</div>
        </div>
        <div class="copyrights">Collect from</div>
<div class="wrap">
	<div id="owl-demo" class="owl-carousel">
		<div class="item" onClick="location.href='details.html';">
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/c1.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h4><a href="shoes.html">大牌鞋子</a></h4>
				<a href="shoes.html" class="btn">购买</a>
			</div>
		</div>	
		<div class="item" onClick="location.href='details.html';">
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/c2.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h4><a href="details.html">品牌短袖</a></h4>
				<a href="details.html" class="btn">购买</a>
			</div>
		</div>	
		<div class="item" onClick="location.href='details.html';">
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/c3.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h4><a href="details.html">精选裤子</a></h4>
				<a href="details.html" class="btn">购买</a>
			</div>
		</div>	
		<div class="item" onClick="location.href='details.html';">
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/c2.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h4><a href="details.html">品牌长袖</a></h4>
				<a href="details.html" class="btn">购买</a>
			</div>
		</div>	
		<div class="item" onClick="location.href='details.html';">
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/c1.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h4><a href="details.html">适季鞋子</a></h4>
				<a href="details.html" class="btn">购买</a>
			</div>
		</div>	
		<div class="item" onClick="location.href='details.html';">
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/c2.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h4><a href="details.html">品牌T恤</a></h4>
				<a href="details.html" class="btn">购买</a>
			</div>
		</div>	
		<div class="item" onClick="location.href='details.html';">
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/c3.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h4><a href="details.html">精选裤子</a></h4>
				<a href="details.html" class="btn">购买</a>
			</div>
		</div>
			<div class="item" onClick="location.href='details.html';">
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/c2.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h4><a href="details.html">品牌长袖</a></h4>
				<a href="details.html" class="btn">购买</a>
			</div>
		</div>	
		<div class="item" onClick="location.href='details.html';">
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/c1.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h4><a href="details.html">适季鞋子</a></h4>
				<a href="details.html" class="btn">购买</a>
			</div>
		</div>	
		<div class="item" onClick="location.href='details.html';">
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/c2.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h4><a href="details.html">品牌T恤</a></h4>
				<a href="details.html" class="btn">购买</a>
			</div>
		</div>	
		<div class="item" onClick="location.href='details.html';">
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/c3.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h4><a href="details.html">精选裤子</a></h4>
				<a href="details.html" class="btn">购买</a>
			</div>
		</div>
		<div class="item" onClick="location.href='details.html';">
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/c2.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h4><a href="details.html">品牌长袖</a></h4>
				<a href="details.html" class="btn">购买</a>
			</div>
		</div>	
		<div class="item" onClick="location.href='details.html';">
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/c1.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h4><a href="details.html">适季鞋子</a></h4>
				<a href="details.html" class="btn">购买</a>
			</div>
		</div>	
		<div class="item" onClick="location.href='details.html';">
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/c2.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h4><a href="details.html">品牌T恤</a></h4>
				<a href="details.html" class="btn">购买</a>
			</div>
		</div>	
		<div class="item" onClick="location.href='details.html';">
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/c3.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h4><a href="details.html">精选裤子</a></h4>
				<a href="details.html" class="btn">购买</a>
			</div>
		</div>
	</div>
</div>
<div class="footer_bg1">
<div class="wrap">
	<div class="footer">
	    <script type="text/javascript">
			$(document).ready(function() {
			
				var defaults = {
		  			containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear' 
		 		};
				
				
				$().UItoTop({ easingType: 'easeOutQuart' });
				
			});
		</script>
		 <a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>
		<!--end scroll_top_btn -->
		<div class="copy">
			<p class="link">最好商品都在这里</p>
		</div>
		<div class="clear"></div>
	</div>
</div>
</div>

</body>
</html>
